<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <title>上学啦</title>
        <meta name="description" content="无锡上学啦网络信息技术有限公司">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="format-detection" content="email=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet" href="css/app.css">
        <link rel="stylesheet" href="css/mui.min.css">
        <link rel="stylesheet" href="css/css.css">
        <link rel="stylesheet" href="css/index.css">
    </head>
	<style>
		body{background-color: #f0f0f0;}
	</style>
    <body>
    	<!--轮播图-->
    	<div id="slider" class="mui-slider" >
			<div class="mui-slider-group mui-slider-loop">
				<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="#">
						<img src="image/banner_1.png">
					</a>
				</div>
				<!-- 第一张 -->
				<div class="mui-slider-item">
					<a href="#">
						<img src="image/active.png">
					</a>
				</div>
				<!-- 第二张 -->
				<div class="mui-slider-item">
					<a href="#">
						<img src="image/banner_2.png">
					</a>
				</div>
				<!-- 第三张 -->
				<div class="mui-slider-item">
					<a href="#">
						<img src="image/banner_3.png">
					</a>
				</div>
				<!-- 第四张 -->
				<div class="mui-slider-item">
					<a href="#">
						<img src="image/banner_1.png">
					</a>
				</div>
				<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="#">
						<img src="image/banner_1.png">
					</a>
				</div>
			</div>
			<div class="mui-slider-indicator">
				<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
			</div>
		</div>  
		<!--轮播结束-->
		<!--二分之一导航-->
		<div class="twolink">
			<div class="Mymicroschool">
				<div class="wdwx"><img src="image/wdwx.png"></div>				
				<span>我的微校</span>
			</div>
			<div class="Newslist">
				<div class="wdwx"><img src="image/xwlb.png"></div>				
				<span>新闻列表</span>
			</div>
		</div>
        <!-- 四分之一导航 -->
        <div class="nav-quat clearfix">
            <a href="" class="lasted-act">          
                <div class="act-thumb"></div>
                <div class="act-thumbtitle1">江苏省天一中学</div>
                <div class="act-thumbtitle2">学校简介</div>
            </a>
            <a href="" class="zcdh">
                <!--<p class="title">政策导航</p>-->
                <p class="title-sub">招生简章</p>

            </a>
            <a href="" class="xqsht">
                <p class="title-sub">联系方式</p>

            </a>
            <a href="" class="xxbj">
                <p class="title-sub">最新动态</p>

            </a>
            <a href="" class="yxbq">
                <p class="title-sub">发送消息</p>
            </a>
        </div>

       <!-- 四分之一导航结束 -->

        <!-- 底部新闻 -->
        <div class="loadMore">
        	<a><h3>关于做好2017年无锡市区小学招生工作的意见</h3><span class="time">2017-01-22</span></a>
        	<a><h3 class="text-overflow-ellipsis">同一班级同一老师，孩子间差异真正原因</h3><span class="time">2017-01-15</span></a>
        	<a><h3 class="text-overflow-ellipsis">同一班级同一老师，孩子间差异真正原因</h3><span class="time">2017-01-15</span></a>
        </div>  
        <script src="js/mui.min.js"></script>
        <script type="text/javascript" charset="utf-8">
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});
			var gallery = mui('.mui-slider');
				gallery.slider({
				  interval:5000//自动轮播周期，若为0则不自动播放，默认为0；
				});
		</script>
    </body>
</html>